<gm:page title="HMS Mashup Test" authenticate="false">

  <style type="text/css">
    th {color: white; font-size: x-large}
  </style>
      
  <h1>HMS Mashup Test!</h1>

  <table>
    <tr>
      <th align="center" bgcolor="blue">John</th>
      <th align="center" bgcolor="blue">Zak</th>
    </tr>
    <tr>
      <td><gm:list id="johnFeed" data="http://feeds.feedburner.com/LifeAsAHealthcareCio" pagesize="10" template="hmsTemplate"/></td>
      <td><gm:list id="zakFeed" data="http://www.countway.harvard.edu/lenya/countway/live/blogs/directorsBlog.xml" pagesize="10" template="hmsTemplate"/></td>
    </tr>
  </table>
  
  <h2>HMS Campus</h2>
  
  <div style="float: left; width: 50%">
    <gm:list id="hmsCampus" data="http://www.flat-land.com/hms.xml" pagesize="25"/>
  </div>

  <div style="float: left; width: 50%">

    <gm:map id="hmsCampusMarkers" data="${hmsCampus}" latref="geo:lat" lngref="geo:long">
      <gm:handleEvent src="hmsCampus"/>
    </gm:map>

  </div>
  
  <gm:template id="hmsTemplate">
    <table class="purple-theme">
      <tr repeat="true">
        <td><gm:text ref="atom:title"/></td>
      </tr>
    </table>
  </gm:template>

</gm:page>